<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>

 <h1>显示数据</h1>
 <hr>
   <table id="showTableDatas" lay-filter="test"></table>
</body>
</html>
<script src="../layui/layui.all.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#showTableDatas'
            ,height: 500
            ,url: '../user/showAll' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                 {field: 'id', title: '用户编号', fixed: 'left'}
                ,{field: 'name', title: '姓名'}
                ,{field: 'gender', title: '性别', sort: true}
                ,{field: 'birthday', title: '出生日期'}
                ,{field: 'salary', title: '薪水'}
            ]],
            parseData:function(data){
              return {
                    "code":data.code, //解析接口状态
                    "msg": data.msg, //解析提示文本
                    "count": data.pageBean.tolNum, //解析数据长度
                    "data": data.pageBean.datas //解析数据列表
                };
            },
            limits:[1,2,3],
            limit:1,
            request:{
                pageName:"curPage",
                limitName:"pagesize"
            }
        });

    });


</script>